{% extends 'appbuilder/baselayout.html' %}

{% block head_css %}
    {{ super() }}
    <link rel="stylesheet" type="text/css" href="{{url_for('static',filename='css/jquery.dataTables.css')}}">
{% endblock %}

{% block head_js %}
    {{ super() }}
    <script type="text/javascript" src="{{url_for('static',filename='jquery.min.js')}}"></script>
    <script type="text/javascript" src="{{url_for('static',filename='jquery.dataTables.js')}}"></script>
{% endblock %}

{% block content %}
    <h3>总计 {{param1}} 元</h3>
    <table id="example" class="display" style="width:100%">
        <thead>
            <tr>
                <th>活动名称</th>
                <th>活动日期</th>
                <th>参与人员</th>
                <th>应收支（元）</th>
            </tr>
        </thead>
    </table>

<script type="text/javascript">
var dataSet = [
    {{ ds|safe }}
];
    $(document).ready(function() {
        $('#example').DataTable({
            "data": dataSet,
            "order":[[1,'asc']],
        });
    });
</script>
{% endblock %}